<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>托无忧评测运营支撑系统</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/pages/dashboard.css" rel="stylesheet">

    <script src="https://kit.fontawesome.com/3fe533300e.js" crossorigin="anonymous"></script>



    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="container">

    <ul class="nav nav-tabs nav-justified ">
        <li role="presentation" class="active"><a href="#">首页</a></li>
        <li role="presentation"><a href="/mview/users">用户列表</a></li>
        <li role="presentation"><a href="/mview/promocodes">优惠码</a></li>
        <li role="presentation"><a href="/mview/orders">订单列表</a></li>
        <li role="presentation"><a href="/mview/redeemcodes">兑换码</a></li>
        <li role="presentation"><a href="/mview/redeemrecords">兑换记录</a></li>
        <li role="presentation"><a href="/mview/products">产品列表</a></li>
        <li role="presentation"><a href="/mview/news">新闻列表</a></li>
        <li role="presentation"><a href="/mview/articles">文章</a></li>
    </ul>

<!--    首页，统计用户总数，统计vip总数，失效总数-->
    <div class="span12">
        <div class="widget widget-nopad">
            <div class="span6">
                <div class="widget-header">&nbsp;&nbsp;<i class="fas fa-braille"> 数据统计</i>
                </div>
                <!-- /widget-header -->
                <div class="widget-content">
                    <div class="widget big-stats-container">
                        <div class="widget-content">
                            <h6 class="bigstats"> </h6>
                            <div id="big_stats" class="cf">
                                <div class="stat"> <i class="fas fa-user"> 用户</i> <span class="value" th:text="${staffCount}"></span> </div>

                                <div class="stat"> <i class="fas fa-user-graduate"> 机构</i>  <span class="value" th:text="${vipCount}"></span> </div>

                                <div class="stat"> <i class="fas fa-baby"> 宝贝</i> <span class="value" th:text="${childrenCount}"></span> </div>

                                <div class="stat"> <i class="fas fa-notes-medical"> 报告</i> <span class="value" th:text="${reportCount}"></span> </div>

                            </div>
                        </div>
                        <!-- /widget-content -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- /container -->

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>